<%@page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="tiles"  uri="http://tiles.apache.org/tags-tiles"%>

<c:if test="${category == 'none'}">
	 <!-- Insert to your webpage before the </head> -->
    <script src="slidertool/sliderengine/jquery.js"></script>
    <script src="slidertool/sliderengine/amazingslider.js"></script>
    <link rel="stylesheet" type="text/css" href="slidertool/sliderengine/amazingslider-1.css">
    <script src="slidertool/sliderengine/initslider-1.js"></script>
    <!-- End of head section HTML codes -->
    
    <!-- Insert to your webpage where you want to display the slider -->
    <div class="sliderTemplate" id="amazingslider-wrapper-1" style="display:block;position:relative;max-width:800px;margin:0px auto 56px;">
        <div id="amazingslider-1" style="display:block;position:relative;margin:0 auto;">
            <ul class="amazingslider-slides" style="display:none;">
                <li><img src="slidertool/${market}/images/01.jpg" alt="01" data-duration="1000" />
                </li>
                <li><img src="slidertool/${market}/images/02.jpg" alt="02" data-duration="1000" />
                </li>
                <li><img src="slidertool/${market}/images/03.jpg" alt="03" data-duration="1000" />
                </li>
                <li><img src="slidertool/${market}/images/04.jpg" alt="04" data-duration="1000" />
                </li>
                <li><img src="slidertool/${market}/images/05.jpg" alt="05" data-duration="1000" />
                </li>
            </ul>
            <ul class="amazingslider-thumbnails" style="display:none;">
                <li><img src="slidertool/${market}/images/01-tn.jpg" alt="01" /></li>
                <li><img src="slidertool/${market}/images/02-tn.jpg" alt="02" /></li>
                <li><img src="slidertool/${market}/images/03-tn.jpg" alt="03" /></li>
                <li><img src="slidertool/${market}/images/04-tn.jpg" alt="04" /></li>
                <li><img src="slidertool/${market}/images/05-tn.jpg" alt="05" /></li>
            </ul>
        <div class="amazingslider-engine"><a href="http://amazingslider.com" title="Responsive jQuery Content Slider">Responsive jQuery Content Slider</a></div>
        </div>
    </div>
    <!-- End of body section HTML codes -->   
</c:if>
<div class="showwindow">
<!-- category 선택시 -->
<c:if test="${category != 'none'}">
<c:if test="${productList.size() > 0}">
	<c:forEach var="i" items="${productList}" varStatus="j">
	<div>		
		<table>			
			<tr>
				<th>
					<a href="showwindowDetail.do?product=${i.p_code}">					
					<img class="proImg"src="<%=request.getContextPath()%>/upload/${i.image}">
					</a>
				</th>
			</tr>					
			<tr>
				<td>
					<span class="product">${i.product}</span>
				</td>
			</tr>			
			<tr>
				<td>
					<span class="price"><fmt:formatNumber value="${i.price}" type="currency" currencySymbol="\\" /></span>
				</td>
			</tr>			
		</table>			
		</div>
	
	</c:forEach>
</c:if>
<!-- category empty -->
<c:if test="${productList.size() < 1}">
준비중입니다.
</c:if>
</c:if>
</div>
<center>
	<c:if test="${count>0}">		
		${pagingHtml}				
	</c:if>
	<br>
	<br>	
	<br>
</center>
